.modalityWindow {
  .abs;
  overflow: hidden;
  display: none;
  flex-direction: column;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: @themeGradient;
  color: @color-white;
  cursor: pointer;
  z-index: 1;
  padding: 30px;
  .close {
    .abs;
    top: 30px;
    right: 30px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url("../img/icon/icon_popup_close_w.png");
    opacity: 0.8;
    &:hover {
      opacity: 1;
    }
  }
  .title {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .wrap {
    flex: 1;
    border-radius: 15px;
    border: 1px solid @themeDark;
    .box-glow(10px, fade(@themeDark, 50));
    overflow: hidden;
    iframe {
      width: 100%;
      height: 100%;
      border: none;
    }
  }

  &.open {
    display: flex;
  }
}